body { background-color: #f6f6f6; }
.service_header_wrapper{ display: block; width: 100%; background: #fff; height: 90px; -webkit-box-shadow: 0px 2px 2px #eee; box-shadow: 0px 2px 2px #eee;}
.service_header_wrapper .service_header{ height: 100%; width: 1200px; margin: 0 auto; background: #fff; position: relative; }
.service_header_wrapper .service_header .ul_left{ float: left; height: 90px; }
.service_header_wrapper .service_header .ul_left .logo { display: inline-block; float: left; height: 100%; width: 216px; margin-right: 15px; }
.service_header_wrapper .service_header .ul_left .local{ display: none; float: left; height: 22px; margin-top: 33px; }
.service_header_wrapper .service_header .ul_left .local:hover .ul_attr{ display: inline-block; }       
.service_header_wrapper .service_header .ul_left .local:hover .arrow { -webkit-transform: scaleY(.8) rotateZ(135deg); transform: scaleY(.8) rotateZ(135deg); -webkit-transform: scaleY(.8) rotateZ(135deg); -moz-transform: scaleY(.8) rotateZ(135deg); -ms-transform: scaleY(.8) rotateZ(135deg)  ; }
.service_header_wrapper .service_header .ul_left .local> a{ -webkit-box-sizing: border-box;box-sizing: border-box; display: block; width: 70px; height: 100%; line-height: 22px; border: 1px solid #ddd; cursor: pointer; text-align: center; color: #000; font-size: 15px; }
.service_header_wrapper .service_header .ul_left .local> a .arrow { display: inline-block; content: ''; width: 8px; height: 8px; border-left: 1px solid #999; border-bottom: 1px solid #999; margin-left: 10px; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: scaleY(.8) rotateZ(-45deg); transform: scaleY(.8) rotateZ(-45deg); -webkit-transform: scaleY(.8) rotateZ(-45deg); -moz-transform: scaleY(.8) rotateZ(-45deg); -ms-transform: scaleY(.8) rotateZ(-45deg); }
.service_header_wrapper .service_header .ul_left .local .ul_attr{ position: absolute; -webkit-box-sizing: border-box;box-sizing: border-box; z-index: 99999999;margin-top: -1px; min-width: 200px; min-height: 36px; background: #ffffff; border: 1px solid #ddd; border-top: 0; display: none; z-index: 1000;box-shadow: 2px 4px 1px 1px #c2c2c2; }
.service_header_wrapper .service_header .ul_left .local .ul_attr .city_list { max-width: 400px;  min-height: 45px;  margin: 2px 5px 5px 10px; float: left; line-height: 30px; z-index: 99999;}
.local .ul_attr .city_list > p { display:inline-block;padding: 0 3px; }
.local .ul_attr .city_list > p:hover a { color: #e80000;}
.local .ul_attr .city_list > p > a { color: #666; font-size: 15px; }
.service_header_wrapper .service_header .ul_right{ float: right; }
.service_header_wrapper .service_header .ul_right li{ float: left; line-height: 85px; }
.service_header_wrapper .service_header .ul_right li a { font-size: 16px; margin-right: 66px; }
.service_header_wrapper .service_header .ul_right li a :hover{ color: red; }

.footer-wrap {
  background-color: #333;
}
.footer-wrap a, .footer-wrap span {
  transition: color 0.2s, background-color 0.2s;
}
.footer-wrap .icon {
  display: inline-block;
  background-image: url("https://down.om.cn/home/image/icon.png");
  background-repeat: no-repeat;
  vertical-align: middle;
}
.footer-wrap .icon.icon-contact {
  display: none;
  width: 44px;
  height: 44px;
  background-position: -269px -248px;
}
.footer-wrap .icon.icon-qq-fill,
.footer-wrap .icon.icon-weibo-fill {
  width: 20px;
  height: 16px;
}
.footer-wrap .icon.icon-qzone-fill {
  width: 20px;
  height: 20px;
}
.footer-wrap .icon.icon-qq-fill {
  background-position: -194px -252px;
}
.footer-wrap .icon.icon-weibo-fill {
  background-position: -214px -253px;
}
.footer-wrap .icon.icon-qzone-fill {
  background-position: -238px -251px;
}
.footer-wrap .footer-img {
  padding-top: 30px;
  text-align: center;
}
.footer-wrap .footer-img > a {
  margin: 0 10px;
}
.footer-wrap .footer-img img {
  max-width: 84px;
}
.footer-wrap .publicity-wrap {
  max-width: 50%;
  display: flex;
  flex: 1;
  line-height: 1;
  justify-content: center;
  text-align: center;
}

.footer-wrap .publicity-wrap > div:first-of-type {
  margin-right: 30px;
}

.footer-wrap .publicity-wrap .icon-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 8px;
}

.footer-wrap .publicity-wrap .icon-tab img {
  width: 24px;
  height: 24px;
  border-radius: 5px;
  border: 1px solid transparent;
  opacity: 0.5;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 4px;

  &.active {
    border-color: #e80000;
    opacity: 1;
    transition: all 0.3s;
  }
}

.footer-wrap .publicity-wrap li {
  margin-right: 14px;
  font-size: 14px;
}
.footer-wrap .publicity-wrap img {
  display: block;
  width: 146px;
  max-height: 146px;
  margin-bottom: 14px;
  border-radius: 4px;
  overflow: hidden;
}
.footer-wrap .contact-wrap {
  line-height: 1;
  margin-left: 12px;
  font-size: 14px;
  white-space: nowrap;
}
.footer-wrap .contact-wrap b {
  font-family: 'Microsoft YaHei';
  font-size: 30px;
  font-weight: bold;
  color: #f0f0f0;
}
.footer-wrap .contact-wrap li:last-child {
  display: flex;
  margin-top: 30px;
}
.footer-wrap .contact-wrap li:last-child a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  line-height: 34px;
  margin-right: 6px;
  border-radius: 4px;
  text-align: center;
  background-color: #222;
  color: #999;
}
.footer-wrap .contact-wrap li:last-child a:first-child {
  width: 148px;
}
.footer-wrap .contact-wrap li:last-child a:not(:first-child) {
  width: 34px;
  padding: 0;
}
.footer-wrap .contact-wrap li:last-child a:hover {
  background-color: #e80000;
  color: #fff;
}
.footer-wrap .contact-wrap li:last-child a:hover .icon-qq-fill {
  background-position: -194px -277px;
}
.footer-wrap .contact-wrap li:last-child a:hover .icon-weibo-fill {
  background-position: -214px -276px;
}
.footer-wrap .contact-wrap li:last-child a:hover .icon-qzone-fill {
  background-position: -238px -274px;
}
.footer-wrap .copyright-wrap {
  padding: 16px 0;
  color: #999;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
}
.footer-wrap .copyright-wrap a {
  color: #666;
}
.footer-wrap .copyright-wrap a:hover {
  color: #e80000;
  text-decoration: underline;
}
.footer-wrap .copyright-wrap b {
  font-weight: normal;
}
.footer-content {
  display: flex;
  width: 1200px;
  height: 230px;
  margin: 0 auto;
  padding-top: 30px;
  align-items: flex-start;
  border-bottom: 1px solid #4b4b4b;
  font-size: 12px;
  color: #999999;
}
.footer-content .quick-link {
  margin-right: 12px;
}
.footer-content .quick-link > * {
  display: block;
  min-height: 26px;
  line-height: 26px;
  margin-bottom: 10px;
  cursor: pointer;
  color: inherit;
}
.footer-content .quick-link > *:hover {
  color: #f0f0f0;
}
.footer-content .disclaimer {
  position: relative;
  white-space: nowrap;
  cursor: auto;
}
.footer-content .disclaimer:hover {
  color: #999;
}
.footer-content .disclaimer span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.footer-content .disclaimer  a {
  text-decoration: underline;
}
.footer-content ul:first-child li {
  width: 66px;
  height: 26px;
  line-height: 26px;
  margin-right: 14px;
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: #222;
  text-align: center;
  color: #fff;
}
.footer-content img {
  max-width: 100%;
}